<!-- followed by header.php -->
    <style type="text/css">
        #promotion {height:300px; width:100%; text-align:center; background:#111111}
        #home-content div ul li {float:left; display: block; margin-top:20px; margin-left:20px; margin-right:20px;}
        #slides img {position:absolute;}
    </style>
    
    <div id="promotion" class="clear">
        <div id="slides" class="slides block-center">
           <img src="images/m_img001.jpg"/>
           <img src="images/m_img002.jpg"/>
           <img src="images/m_img003.jpg"/>
           <img src="images/m_img004.jpg"/>
        </div>
    </div>

    <div id="home-content" class="clear block-center">
        <div>
            <ul class="right">
                <li><?php ban001() ?></li>
                <li><?php ban002() ?></li>
                <li><?php ban003() ?></li>
                <li><?php ban004() ?></li>
            </ul>
        </div>
        <div>
            <ul class="right">
                <li class="margin_20"><?php c_sale(); ?></li>
                <li class="margin_20"><?php map(); ?></li>
                <li class="margin_20"><?php o_counsel(); ?></li>
            </ul>
        </div>
    </div>


<!-- continue with footer.php -->